<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>数据展示</title>
    <link href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
    <!--导航栏特效CSS-->
    <link rel="stylesheet" href="/cykspark/plugin/navbar/css/navbar.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <!--<script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>-->
    <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
    <!--特效selectCSS-->
    <link rel="stylesheet" href="/cykspark/plugin/slideSelect/css/cs-select.css">
    <link rel="stylesheet" href="/cykspark/plugin/slideSelect/css/cs-skin-slide.css">
    <link rel="stylesheet" href="/cykspark/plugin/slideSelect/css/slide-demo.css">
    <!--<link rel="stylesheet" href="/cykspark/plugin/slideSelect/css/normalize.css">-->
    <!--红色主题JS-->
    <script src="https://img.hcharts.cn/highcharts/themes/sand-signika.js"></script>
    <!--特效selectJS-->
    <script src="/cykspark/plugin/slideSelect/js/classie.js"></script>
    <script src="/cykspark/plugin/slideSelect/js/selectFx.js"></script>
    <!--图表展示-->
    <script src="/cykspark/data/js/data-show-bar.js"></script>
    <script src="/cykspark/data/js/data-show-pie.js"></script>
    <script src="/cykspark/data/js/data.js"></script>
    <!--导航栏特效JS-->
    <script src="/cykspark/plugin/navbar/js/navbar.js"></script>

</head>
<body>
<div class="container">

    <!--导航栏-->
    <div id="menu2" class="menu">
        <ul>
            <li><a href="/cykspark/app/app_list.html">首　　页</a></li>
            <li><a href="/cykspark/file/file_list.html">文件管理</a></li>
            <li><a href="/cykspark/data/data_show.html">数据展示</a></li>
            <li><a href="/cykspark/cluster/cluster_list.html">集群管理</a></li>
            <li><a href="#" id="data_export" style="color:#00ff00">数据导出</a></li>
        </ul>
        <div class="cls"></div>
    </div>
    <!--导航栏-->

    <div id="bar_container" style="min-width:400px;height:400px"></div>
    <div id="pie_container" style="min-width:400px;height:400px"></div>

    <div style="width:200px;height:200px;
    position: absolute;right:190px;top:100px;">
        <!-- 特效select-->
        <header class="codrops-header">
            <nav class="codrops-demos">
            </nav>
        </header>
        <section>
            <select class="cs-select cs-skin-slide" id="appSelect"  >
                <option value="选择App列表" data-class="icon-camera">选择App列表</option>
            </select>
        </section>

    </div>
</div>

</body>
</html>